<template>
    <ul id="goodsModal">
        <li class="goodsLi" v-for="goods in list" :key="goods.id">
            <router-link :to="'/commodity-details?id='+goods.id" >
                <div class="goodsImg"><img :src="url(goods.thumb.url, '250x250')" alt="" width="100%" height="100%"></div>
                <p class="goodsName">{{goods.name}}</p>
                <p class="goodsBrief">{{goods.brief}}</p>
                <div class="goodsPrice">
                    RMB:<span class="goodsMoney">{{goods.price}}</span>
                    <span class="itemBuy">
                        <span class="goodsBuyWhite">购买</span><span class="goodsBuyDark">BUY</span>
                    </span>
                </div>
            </router-link>
        </li>
    </ul>
</template>
<script>
require('./goods.css');
module.exports={
    data:function () {
        return{

        }
    },
    props:['list'],
    methods:{
        url:JxSdk.img.getUrl,
    },
    mounted:function () {

    }
}
</script>